<script setup>
import { CloseCircleOutlined, RightOutlined } from '@ant-design/icons-vue'

defineOptions({
  name: 'ResultFail',
})
</script>

<template>
  <a-card>
    <a-result status="error">
      <template #title>
        提交失败
      </template>
      <template #subTitle>
        请核对并修改以下信息后，再重新提交。
      </template>
      <template #extra>
        <a-button type="primary">
          返回修改
        </a-button>
      </template>

      <div>
        <p class="fs-16 mb-2">
          <strong>您提交的内容有如下错误：</strong>
        </p>
        <p class="display-flex align-items-center mb-2">
          <close-circle-outlined class="mr-4-1 color-error" />
          您的账户已被冻结
          <a class="display-flex align-items-center ml-8-1 color-primary">
            立即解冻
            <right-outlined class="ml-4-1" />
          </a>
        </p>
        <p class="display-flex align-items-center">
          <close-circle-outlined class="mr-4-1 color-error" />
          您的账户还不具备申请资格
          <a class="display-flex align-items-center ml-8-1 text-primary-600">
            立即升级
            <right-outlined class="ml-4-1" />
          </a>
        </p>
      </div>
    </a-result>
  </a-card>
</template>

<style lang="less" scoped></style>
